<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
    <link rel="stylesheet" href="__STATIC__/share/css/swiper.min.css">
    <link rel="stylesheet" href="__STATIC__/share/css/main.css">
    <link rel="stylesheet" href="__STATIC__/share/css/details.css">
    <script src="__STATIC__/share/js/rem/flex.js"></script>
    <script src="__STATIC__/share/js/swipe.min.js"></script>
    <script src="__STATIC__/share/js/jquery.js"></script>
    <script src="__STATIC__/share/js/enlarge.js"></script>
    <script src="__STATIC__/share/js/event.js"></script>
    <script src="__STATIC__/share/data/emoji-data.js"></script>
    <script src="__STATIC__/share/utils/emoji.js"></script>
    <title>内容分享</title>
</head>
<body>
<div class="body" id="list">
    <!--头部-->
    <div class="header">
        <div class="immersion">
            <!--<span class="backImg">-->
            <!--<img src="img/ic_back.png" alt="">-->
            <!--</span>-->
            <span class="titlefont">详情</span>
        </div>
    </div>
    <div class="new" ref="wrapper">

        <div class="details">
            <!--详情-->
            <div class="details_common clear">
                <div class="clear detailsBox">
                    <div class="img">
                        <img src="{$postInfo.avatar | default_head}" alt="">
                    </div>
                    <div class="commonContent">
                        <p class="name">{$postInfo.nick}</p>
                        <p class="time">{$postInfo.ctime}</p>
                    </div>
                </div>
                <div class="clear"></div>
                <pre><p class="speak">{$postInfo.body}</p></pre>
                <div class="imgs clear">
                    {volist name="postInfo.images" id="img"}
                    <img class="list-item" src="{$img.img}" alt="">
                    {/volist}
                </div>
                {notempty name="postInfo.likeList"}
                <div class="answer">
                    <div>
                        <img src="__STATIC__/share/img/classZan.png" alt="">
                    </div>
                    <ul>
                        {volist name="postInfo.likeList" id="like"}
                        <li>
                            {$like.nick}
                        </li>
                        {/volist}
                    </ul>
                </div>
                {/notempty}
                <div class="details_zan">
                    <div class="details_btn zan">
                        <!--indexOf查看likeUid是否包括uid-->
                        <div>
                            <img src="__STATIC__/share/img/like.png" alt="">
                            <!--<img src="img/like_active.png" alt="">-->
                        </div>
                        <span>赞</span>
                    </div>
                    <div class="details_btn">
                        <img src="__STATIC__/share/img/classShare2.png" alt="">
                        <span>分享</span>
                    </div>
                </div>

            </div>
            <div class="details_com">
                <span>评论({$postInfo.comments_count})</span>
            </div>
            <div class="com">
                {volist name="postInfo.commentList" id="comment"}
                    <div class="comContent clear">
                        <div class="comContentImg">
                            <img src="{$comment.avatar | default_head}" alt="">
                        </div>
                        <div class="comRight clear">
                            <p class="com_name clear">
                                <span>{$comment.nick}</span>
                            </p>
                            <p class="com_time">
                                <span>{$comment.ctime}</span>
                            </p>
                            <p class="com_speak">
                                {$comment.body}
                            </p>
                            <div class="preview">
                                <!--<vue-preview :slides="detail2.images" @close="handleClose"></vue-preview>-->
                            </div>
                        </div>
                    </div>
                {/volist}
            </div>

        </div>
    </div>
    <div class="details_bottom">
        <div>等你评论</div>
    </div>
</div>
<div class="big_img">
    <div class="swiper-container2">
        <div class="swiper-wrapper"></div>
    </div>
</div>
<div class="msgbox-mask"></div>
<div class="msgbox">
    <div class="msgbox-header">
        <div class="msgbox-tit">提示</div>
    </div>
    <div class="msgbox-content">
        <div class="msgbox-msg">请先下载APP</div>
    </div>
    <div class="msgbox-btn">
        <a href="javascript:void(0)" class="msgbox-close">关闭</a>
        <a href="javascript:void(0)" class="msgbox-down">下载</a>
    </div>
</div>

<script>
    $(document).ready(function () {
        value = $('.speak').html()
        let v = emoji(value)
        $(".speak").html(v)

        $(".com_speak").each(function () {
            console.log($(this))
            value = $(this).html();
            let sk = emoji(value)
            $(this).html(sk);
        });
    });
</script>
</body>
</html>